<template>
  <div class="app-container">
    <!-- 表格 -->
    <el-table
        :data="tableData"
        border
        v-loading="loading"
    >
      <!--   单元格能多选   -->
      <el-table-column type="selection" width="55" align="center" />
      <!--   单元格序号   -->
      <el-table-column label="序号" type="index" width="55" align="center" />
      <el-table-column
          prop="name"
          label="姓名"
          align="center"
      >
        <template v-slot="scope">
          <div class="link-type" @click="nameClicked">{{scope.row.name}}</div>
        </template>
      </el-table-column>
      <el-table-column
          prop="address"
          label="地址"
          align="center"
      >
      </el-table-column>
      <el-table-column
          prop="date"
          label="日期"
          align="center"
      >
      </el-table-column>
      <el-table-column
          prop="edit"
          label="编辑"
          align="center"
      >
        <template v-slot="scope">
          <el-row class="edit-colum">
            <el-button type="primary" @click="editBtnClicked">编辑</el-button>
            <el-button type="danger" @click="deleteBtnClicked">删除</el-button>
          </el-row>
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  name: "userInfoSetting",
  data() {
    return {
      // 加载状态
      loading:false,
      tableData:[

      ],
    }
  },
  methods:{
    navBackClicked() {
      this.$tab.closeOpenPage('/main/userInfo')
    }
  }
}
</script>

<style scoped>

</style>
